import {createElement, Component, STATE, ATTRIBUTE} from './framework.js'
import {enableGesture} from './gesture.js'

export {STATE, ATTRIBUTE} from './framework.js'

export class List extends Component {
    constructor() {
        super()
    }
    render() {
        this.children = this[ATTRIBUTE].data.map(this.template)
        this.root = (<div>{this.children}</div>).render()
        return this.root
    }
    appendChild(child) {
        this.template = (child)
        this.render()
    }
}

